import React from 'react'
import { Link, Control } from 'react-keeper'
import 'weui';
import xzry from './../../assets/icon/人员新增.png';
import jlzr from './../../assets/icon/监理日志.png';
import { Tab,TabBarItem,TabBar,Page,
  Panel,
  PanelHeader,
  PanelBody,
  PanelFooter,
  MediaBox,
  MediaBoxHeader,
  MediaBoxBody,
  MediaBoxTitle,
  MediaBoxDescription,
  MediaBoxInfo,
  MediaBoxInfoMeta,
  Cells,
  Cell,
  CellHeader,
  CellBody,
  CellFooter,
  Flex,
  FlexItem,
  Grids
} from  'react-weui/build/packages'

const appMsgIcon = <img
  src=""/>


export default class UserInfo extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      showSingle: false,
    }
    this.mypreview = this.mypreview.bind(this);
  }
  mypreview() {
    Control.go('/myinfo/userview',this.props.imgls);
  }



  render() {
    return (
      <Panel className="head-panel">
        <PanelHeader>
          <div className="title-bg"/>
          个人信息
        </PanelHeader>
        <PanelBody>
          <MediaBox type="appmsg">

            <MediaBoxBody>
              <MediaBoxTitle>
                {this.props.userInfo.name}
              </MediaBoxTitle>
              <MediaBoxDescription>

                <p style={{paddingTop:'10px'}}>{this.props.userInfo.telNum}</p>
                <p style={{paddingTop:'5px'}}>{this.props.userInfo.organName}</p>
              </MediaBoxDescription>

            </MediaBoxBody>
            <MediaBoxHeader access link onClick={this.mypreview}>
              {appMsgIcon}
            </MediaBoxHeader>
          </MediaBox>
        </PanelBody>
      </Panel>
    )
  }
}
